<extend name="Base/common"/>
<block name="head_css">
    <link rel="stylesheet" type="text/css" href="__CSS__/help.css"/>
</block>
<block name="banner">
    <div class="banner" style="background-image: url('/Public/Home/images/ny-001.jpg') ">

    </div>
</block>
<block name="body">
    <!--正文-->
    <div class="body ">
        <div class="wrap">
            <!--面包屑-->
            <div class="box-crumbs">
                <div class="crumbs">
                    您的位置 :
                    <a href="/">首页</a> &gt;&gt;
                    <a href="{:U('Help/index')}">帮助中心</a> &gt;&gt;
                    <a href="javascript:void(0);" id="title" class="on">{$list.0.title}</a>
                </div>

                <b>帮助中心</b>
                <span class="en">Help center</span>
            </div>
        </div>
        <div class="wrap">
            <div class="tab-control">
                <div class="title-warp">
                    <volist name="list" id="val">
                        <div class="title <if condition='$key eq 0'> on</if>" rel="">{$val.title}</div>
                    </volist>


                </div>
                <volist name="list" id="val">
                <div class="content-warp <if condition='$key eq 0'> on</if> help-text">
                    {$val.content}
                </div>
                </volist>
            </div>
        </div>
    </div>
</block>
<block name="footer_js">
    <script>
        $(function(){
            /*选项卡控制*/
            $(".tab-control .title").click(function(){
                var $self = $(this),
                        index = $(this).index();
                $self.addClass('on')
                        .siblings()
                        .removeClass('on');
                $contentWarp = $(".tab-control .content-warp:eq("+index+")");
                $contentWarp.addClass('on')
                        .siblings()
                        .removeClass('on');
                var title=$self.text();
                $("#title").text(title);

            });

        })
    </script>
</block>